<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/bootstrap-theme.min.css">
  <link rel="stylesheet" href="css/main.css">

  <!--[if lt IE 9]>
    <script src="js/vendor/html5-3.6-respond-1.1.0.min.js"></script>
  <![endif]-->
</head>
<body>
  <!--[if lt IE 7]>
    <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->
<header>
  <!-- Top bar started -->
  <div class="top-bar">
    <div class="container">
      <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-5 col-xs-12">
          <ul class="social-icons list-unstyled">
            <li class="youtube"><a href="#"></a></li>
            <li class="linked-in"><a href="#"></a></li>
            <li class="twitter"><a href="#"></a></li>
            <li class="blogger"><a href="#"></a></li>
          </ul>
        </div>
        <div class="col-lg-8 col-md-8 col-sm-7 col-xs-12">
          <h2 class="pull-right">24x7  Toll Free Help Line: 1800 180 55 22</h2>
        </div>
      </div>
    </div>
  </div>
  <!-- Top Bar Ends Here -->

  <!-- Navbar Started here -->
  <div class="menu-bar">
    <div class="container">
      <div class="navbar navbar-default navbar-static-top">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"><img class="img-responsive"  src="img/logo.png"></a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav pull-right menu-links">
            <li class="active border-right"><a href="#">Home</a></li>
            <li class="border-right"><a href="#">About Us</a></li>
            </span>
            <li class="border-right dropdown"><a href="#"  class="dropdown-toggle" data-toggle="dropdown">Programs <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Another action</a></li>
              <li><a href="#">Something else here</a></li>
            </ul>
            </li>

            <li class="border-right"><a href="#">Join Us</a></li>
            <li><a class="padding-right-zero" href="#">Contact Us</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- Navbar Ends here -->
</header>

<section class="header-img clearfix">
  <img class="banner" src="img/banner.jpg">
  <div class="expert-view">
    <a href="#">
      <img class="img-responsive"  src="img/supportthecause.png">
    </a>
  </div>
  <div class="facebook-box">
    <a href="#">
      <img class="img-responsive"  src="img/facebook-head.png">
    </a>
  </div>
  <div class="button-container">
    <div class="container">
      <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
          <div class="mid-button text-right">
              <a href="#">FILL ONLINE AFFIDAVIT</a>
          </div>
        </div>
        <div class="col-lg-4 col-sm-4 col-md-4 col-xs-12">
          <div class="mid-button text-center">
            <a href="#" class="">UPDATE COLLEGE INFO</a>
          </div>
        </div>
        <div class="col-lg-4 col-sm-4 col-md-4 col-xs-12">
          <div class="mid-button text-left">
            <a href="#">VOLUNTARY COMPLIANCE</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="affdv">
  <div class="container">
    <div class="row">
      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
        <div class="sidebar-content">
          <ul class="list-unstyled side-menu">
            <li><a href="#">Check Complain Status</a></li>
            <li><a href="#">Reports</a></li>
          </ul>
        </div>
        <div class="sidebar-content">
          <ul class="list-unstyled side-menu">
            <li><a href="#">Problems FAQ</a></li>
            <li><a href="#">Help Form Filling Guide</a></li>
            <li><a href="#">Information Pack</a></li>
          </ul>
        </div>
        <div class="sidebar-content">
          <div class="articles1">
           <h4>Forum Article</h4>
           <div class="content-links">
             <ul class="list-unstyled">
             <li><a href="#">Links</a></li>
             <li><a href="#">Links</a></li>
             <li><a href="#">Links</a></li>
             <li><a href="#">Links</a></li>
           </ul>
          </div>
      </div>
        </div>
      </div>

      <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
      <div class="gap"></div>
        <div class="content-area clearfix">
          <h1 class="headings mgt0">ONLINE AFFIDAVIT</h1>
          <div class="content-article">
            <p>
              <img src="img/ama.png" class="pull-right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in laoreet massa. Morbi ornare quam lorem, ut imperdiet metus egestas dapibus. Sed ac mi arcu. Nulla congue lectus a nibh dictum, eget consectetur nulla pharetra. Proin quis malesuada ante, a vestibulum urna. Vestibulum varius tempus sapien nec gravida. In vestibulum non est eu vestibulum. Nunc id metus mi. Pellentesque fringilla dapibus leo, et vulputate magna. Nam nec eros faucibus, pretium mi id, adipiscing est. Nunc a dictum velit.</p>

              <p>Curabitur eget leo vitae diam convallis venenatis a dictum tortor. Sed nec tortor euismod, facilisis ipsum ac, consectetur lorem. Phasellus venenatis risus suscipit ultrices volutpat. Nunc lobortis blandit lorem, in posuere mi varius ut. Ut venenatis vestibulum enim, et rhoncus purus porta sed. Morbi interdum sem id fermentum placerat. </p>
            <p>
             Nunc justo arcu, vulputate at nisl sed, ullamcorper porttitor turpis. Spellentesque nec non quam. Praesent scelerisque, dolor tempor elementum accumsan, mi enim condimentum mscelerisque pellentesque mattis. Proin iaculis urna tincidunt est molestie dignissim eu sed lorem. Vestibulum eget massa nibh. Nunc justo arcu, vulputate at nisl sed, ullamcorper porttitor turpis. Spellentesque nec non quam. Praesent scelerisque, dolor tempor elementum accumsan, mi enim condimentum mscelerisque pellentesque mattis. Proin iaculis urna tincidunt est molestie dignissim eu sed lorem. Vestibulum eget massa nibh.
            </p>
          </div>
          <div class="gap"></div>
          <div class="gap"></div>
        </div>
      </div>
    </div>
  </div>
</section>

<footer>
  <div class="top-bar">
    <div class="gap"></div>
    <div class="gap"></div>
    <div class="container">
      <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
          <div class="media">
            <img class="media-object pull-left" src="img/contact-1.png" alt="...">
            <div class="media-body">
              <h4 class="media-heading">Contact</h4>
              <p>
                Aman Satya Kachroo Trust <br />
                689, Sector 23 <br />
                Gurgaon, Haryana- 122017 <br /> 
                India 
              </p>
            </div>
          </div>
          <div class="media">
            <img class="media-object pull-left" src="img/contact-2.png" alt="...">
            <div class="media-body">
              <h4 class="media-heading">EMAIL</h4>
              <p>
                info@amanmovement.org <br />
                kachrooraj@gmail.com(for direct contact with Raj Kachroo)
              </p> 
            </div>
          </div>
          <div class="media">
            <img class="media-object pull-left" src="img/contact-3.png" alt="...">
            <div class="media-body">
              <h4 class="media-heading">PHONE</h4>
              <p>0124-4017168 (9:30 AM To 6:00 PM)</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
         <h4>Query</h4>
         <form action="" method="POST" role="form">
          <div class="form-group">
            <input type="text" class="form-control" id="name" placeholder="Name">
            <input type="email" class="form-control" id="email" placeholder="Email">
            <input type="text" class="form-control" id="number" placeholder="Number">
            <textarea rows="4" class="form-control" id="message" placeholder="Message"></textarea>
          </div>
          
          <button type="submit" class="">Submit</button>
        </form>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
        <div class="last-column">
         <h2 class="first-head"><span class="glyphicon glyphicon-eye-open"></span> Total Views: 98736</h2>
         <h2 class=""><span class="glyphicon glyphicon-calendar"></span> since 30/12/2013</h2>
         <div class="gap"></div>
         <div class="gap"></div>
         <h2><span class="glyphicon glyphicon-phone-alt"></span> 24x7 Helpline: 1800 180 5522</h2>
         <h2><span class="glyphicon glyphicon-envelope"></span> helpline@antiragging.in</h2>
         <div class="gap"></div>
         <ul class="social-icons list-unstyled">
          <li class="youtube"><a href="#"></a></li>
          <li class="linked-in"><a href="#"></a></li>
          <li class="twitter"><a href="#"></a></li>
          <li class="blogger"><a href="#"></a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="gap"></div>
  <hr>
  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
      <h4 class="copyright text-center"><span class="glyphicon glyphicon-copyright-mark"></span> Copyright Aman Movement. All Rights Reserved </h4>
    </div>
  </div>
</div>
</div>
</footer>        
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>

<script src="js/vendor/bootstrap.min.js"></script>

<script src="js/main.js"></script>
</body>
</html>
